@charset "utf-8";
html,body,div,h4,h5,dl,dt,dd,ul,li,p{margin:0; padding:0}
body{ background:#f1f1f1 url(../images/bg-x.jpg) repeat-x left top; font-size:14px; font-family:"微软雅黑"; color:#333}
a{text-decoration:none; color:#333}
a:hover{text-decoration:underline;}
li{list-style:none;}
.pull-left{float:left;}
.pull-right{float:right;}

.nav,.content,.banner{width:960px; margin:0 auto 15px;}
.content{overflow:hidden}
/*header*/
.header{width:930px; margin:0 auto; height:72px; padding:15px 15px 0}
.slogan{float:left; margin:10px 0 0 90px;}
.login{margin-top:15px; float:right; color:#ccc;}
.login a{ color:#333;}
/*nav*/
.nav{padding-top:4px; height:41px;}
.nav a{color:#fff; line-height:41px; float:left; font-size:16px; font-weight:bold; padding:0 25px; margin-right:2px;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.nav a:hover{background:#539528; text-decoration:none;
transition: background 0.3s linear;
-moz-transition: background 0.3s linear; /* Firefox 4 */
-webkit-transition: background 0.3s linear; /* Safari 和 Chrome */
-o-transition: background 0.3s linear; /* Opera */}
.nav a.active{background:#46881e; cursor:default}
.left-side{float:left; width:735px;}
/*健康资讯*/
.information{ margin-bottom:15px; overflow:hidden}
.title{background:url(../images/bg.gif) left 35px no-repeat; font-size:16px; line-height:30px; height:38px; color:#d25502; padding-left:10px;}
.information dl{float:left; margin:15px 15px 0 0; width: 350px;}
.information dt{float:left;}
.information dt img{padding:2px; border:1px solid #cecece;}
.information dd{margin-left:120px;}
.information dd h5{color:#d25502; padding:3px 0; font-size:16px;}
.information a{display:block; background:url(../images/bg.gif) left -37px no-repeat; padding-left:12px; line-height:24px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:210px;}
/*健康保健*/
.list ul{padding:10px;}
.list li{ float:left; width:175px;line-height:22px; color:#999; font-size:12px;}
.list li a{padding-right:5px; font-size:14px;}
/*健康测评*/
.test{float:right; width:220px;}
.test h4{background:url(../images/bg.gif) left -80px no-repeat; height:35px; line-height:34px; color:#fff; padding-left:10px;}
.test ul{border:1px solid #e3e3e3; overflow:hidden; padding:15px 0;}
.test li{background:url(../images/icon-test.gif) no-repeat left top; width:108px; text-align:center;padding:68px 0 12px; float:left; cursor:pointer}
.test li:hover{text-decoration:underline}
.test li.test-1{background-position:left top;}
.test li.test-1:hover{background-position:left -110px;}
.test li.test-2{background-position:-110px top;}
.test li.test-2:hover{background-position:-110px -110px;}
.test li.test-3{background-position:-220px top;}
.test li.test-3:hover{background-position:-220px -110px;}
.test li.test-4{background-position:-330px top;}
.test li.test-4:hover{background-position:-330px -110px;}
.test li.test-5{background-position:-440px top;}
.test li.test-5:hover{background-position:-440px -110px;} 
.test li.test-6{background-position:-550px top;} 
.test li.test-6:hover{background-position:-550px -110px;} 
.test li.test-7{background-position:-660px top;}
.test li.test-7:hover{background-position:-660px -110px;}
.test li.test-8{background-position:-770px top;}
.test li.test-8:hover{background-position:-770px -110px;}
.test li.test-9{background-position:-880px top;}
.test li.test-9:hover{background-position:-880px -110px;}
.test li.test-10{background-position:-990px top;}
.test li.test-10:hover{background-position:-990px -110px;}
.test li.test-11{background-position:-1100px top;}
.test li.test-11:hover{background-position:-1100px -110px;}
.test li.test-12{background-position:-1210px top;}
.test li.test-12:hover{background-position:-1210px -110px;}
/*footer*/
.footer{height:90px; border-top:1px #c9c9c9 solid; background:#d9d9d9; margin-top:30px;}
.footer div{border-left:3px solid #a9a9a9; width:900px; margin:15px auto 0; padding:5px 10px; color:#a9a9a9}
.footer div a{padding:0 5px;}
.footer p{margin:5px 0 0 5px; color:#777}
/*页签*/
.tab{background:#fff; padding:10px;}
.tab ul{background:url(../images/bg-x1.gif) left top repeat-x; height:37px; overflow:hidden; margin-bottom:10px;}
.tab li{float:left; padding-left:20px; cursor:pointer}
.tab li span{padding-right:20px; line-height:37px; float:left;}
.tab li.active{background:url(../images/bg.gif) -520px -80px no-repeat;}
.tab li.active span{background:url(../images/bg.gif) right -80px no-repeat; color:#000}
.tab-content{padding-bottom:20px;}
.tab-content dl{border-bottom:1px dotted #ccc; overflow:hidden; padding:10px;}
.tab-content dl:hover{background:#f5f5f5}
.tab-content dt{float:left;}
.tab-content dt img{padding:2px; border:1px solid #ddd;}
.tab-content dl:hover img{border-color:#aaa}
.tab-content dd{margin:0 20px 0 100px; color:#666}
.tab-content dd h4{padding-bottom:5px; color:#333}
.tab-content dd h4 span{color:#999; font-weight:normal}
